<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="css/style.css">

    <style">
        h1{
            color: red;
            font-size: 40pt;
        }

        .c1{
            color: #15ffff;
            font-size: 20pt;
        }

        #i1{
            color: yellow;
            font-size: 35pt;
        }

        h1[aaa]{
            color: blue;
            font-size: 30pt;
        }

        .c1[aaa~=bb]{
            color: blueviolet;
            font-size: 50pt;
        }

        .c2 p{
            color: chartreuse;
        }

        ul,ol{
            color: coral;
        }

        .c3:hover{
            background-color: #c86eff;
            width: 50px;
        }

        body{
            color: green;
        }

    </style>

</head>
<body>
    <h1>Hello</h1>
    <h1 aaa="1">Hello</h1>
    <h1 id="i1">Hello</h1>
    <h1 class="c1">Hello</h1>
    <div class="c1">Hello</div>
    <p class="c1">Hello</p>
    <p class="c1" aaa="aa bb cc">Hello World</p>
    <div class="c1"  aaa="aa bb">Hello World</div>
    <p class="c1">Hello</p>

    <div class="c2">
        <p>abc</p>
        <p>abc</p>
        <div>abc</div>
        <div>
            <p>abc</p>
        </div>
    </div>


    <ul>
        <li>aaa</li>
        <li>bbb</li>
    </ul>

    <ol>
        <li>aaa</li>
        <li>bbb</li>
    </ol>


    <div class="c3">Hello</div>


    <h2>Hello</h2>

    <h2>Hello</h2>

    <h2>Hello</h2>

    <h3>Hello</h3>

    <h3 style="color: #618a1e;font-size: 40pt;">Hello</h3>

    <h3>Hello</h3>






    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>




</body>
</html>